<template>
  <Swiper class="detailImg">
    <SwiperItem v-for="item in banner"  >
      <img  :src="item" alt="" @load="swiperImgLoad">
    </SwiperItem>
  </Swiper>
</template>

<script>
    import {Swiper,SwiperItem} from "../../../components/common/swiper"
    export default {
        name: "DetailSwiper",
        props:{
          banner:{
              type:Array,
              default(){
                  return []
              }
          }
        },
        components:{
            Swiper,
            SwiperItem
        },
        methods:{
            swiperImgLoad(){
                this.$emit('swiperImgLoad')
            }
        }
    }
</script>

<style scoped>
  .detailImg {
    height: 217px;
  }
</style>
